<div class="top_mid_slide">
	<div class="hd">
		<ul class="text-center">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>
	</div>
	<div class="bd">
		<ul class="top_mid_slider_ul">
			<li class="top_mid_slider_ul_li" style="background: url(&quot;http://114.55.84.221:8060/shopping/upload/advert/c3511da7-6cb7-42c9-ae16-213c20b04d0d.jpg&quot;) 50% 0% no-repeat rgb(183, 219, 233); width: 100%; height: 490px; display: list-item; opacity: 0.871836;">
				<a href="/"></a>
			</li>
			<li class="top_mid_slider_ul_li" style="background: url(&quot;http://114.55.84.221:8060/shopping/upload/advert/e76dc3a6-b8fa-4395-8906-e13d8ab43198.jpg&quot;) 50% 0% no-repeat rgb(183, 219, 233); width: 100%; height: 490px; display: none;">
				<a href="/"></a>
			</li>
			<li class="top_mid_slider_ul_li" style="background: url(&quot;http://114.55.84.221:8060/shopping/upload/advert/404791b4-23bb-497e-9582-582d1f98bd0d.jpg&quot;) 50% 0% no-repeat rgb(183, 219, 233); width: 100%; height: 490px; display: none;">
				<a href="/"></a>
			</li>
			<li class="top_mid_slider_ul_li" style="background: url(&quot;http://114.55.84.221:8060/shopping/upload/advert/cc561a28-6272-4775-96aa-4fdf74e843f8.jpg&quot;) 50% 0% no-repeat rgb(183, 219, 233); width: 100%; height: 490px; display: none;">
				<a href="/"></a>
			</li>
			<li class="top_mid_slider_ul_li" style="background: url(&quot;http://114.55.84.221:8060/shopping/upload/advert/7233d29a-2ee4-4ecd-ade3-3a64146e344c.jpg&quot;) 50% 0% no-repeat rgb(183, 219, 233); width: 100%; height: 490px; display: none;">
				<a href="/"></a>
			</li>
		</ul>
	</div>
</div>
<style type="text/css">
	.top_mid_slide {
		position: relative;
	}
	
	.top_mid_slide .hd {
		width: 100%;
		position: absolute;
		bottom: 5px;
		left: 0;
		z-index: 10;
	}
	
	.top_mid_slide .hd ul li {
		display: inline-block;
		width: 15px;
		height: 15px;
		text-align: center;
		line-height: 15px;
		border: 1px solid #DDDDDD;
		background-color: #DDDDDD;
		border-radius: 50%;
		cursor: pointer;
		transition: all 400ms ease-in-out;
	}
	
	.top_mid_slide .hd ul li.on {
		background-color: #393939;
		color: #FFFFFF;
	}
</style>
<script type="text/javascript">
	(function() {
		jQuery(".top_mid_slide").slide({
			mainCell: ".bd ul",
			autoPlay: true,
			easing: "swing",
			delayTime: 400,
			mouseOverStop: true
		});
	})();
</script>